<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>蟹壹品卡券提货系统</title>
	<link rel="stylesheet" href="./css/base.css">
	<link rel="stylesheet" href="./css/index.css">
</head>
<body>
	<div class="container"> 
		<img class="crablogo" src="./image/crablogo.png">
		<div class="inquiry">
			<div class="take"> 
				<span class="round-first"></span> 
				<span class="round-second"></span> 
				<span>提货券查询</span>
				<span class="warning"></span>
				<div class="clearfix"></div>
			</div>
			<fieldset class="cardnum">
				<legend>
					<span class="ca">CARD</span>
					<span class="nu">NUMBER</span>
				</legend>
				<img src="./image/cardnum.png">
				<input type="text" name="cardnum" placeholder="请输入卡号／序列号" id="cardnum">
				<div class="clearfix"></div>			
			</fieldset>
			<fieldset class="password">
				<legend>
					<span class="ca">USER</span>
					<span class="nu">PASSWORD</span>
				</legend>
				<img src="./image/password.png">
				<input type="text" name="password" placeholder="请输入密码" id="password">
				<div class="clearfix"></div>
			</fieldset>
			<div class="code">
				<div class="fill">
					<span class="fill-round-first"></span>
					<input type="text" name="code" id="code">
					<span class="fill-round-second"></span>
				</div>
				<div class="identifying-code">
					<canvas id="mycanvas" width='100' height='40' style="border-radius: 20px;"></canvas>
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="card-buttom">
				<img src="./image/inquiry.png">
			</div>
		</div>
		<img class="carblogo" src="./image/carblogo.png"> 
		<img class="crabbot" src="./image/crabbot.png">
	</div>
</body>
	<script type="text/javascript" src="./js/jquery.min.js"></script>
	<script type="text/javascript" src="./js/index.js"></script>
</html>


